@media screen and (max-width: 1920px){
    .sec3-warp div p:nth-child(1){
        text-align: center;
    }
    .section4 .warp .content .item{
        margin-right: 206px!important;
    }
    .section4 .warp .content .item{
        margin-right: 160px;
    }
    .section4 .warp .content .item:nth-child(4n){
        margin-right: unset!important;
    }
    .section4 .warp .content .item:nth-child(5n){
        /*margin-right: 120px;*/
    }
    .sec3-warp div p:nth-child(2){
        background-color: white;
        line-height: 0;
    }
    .sec4-warp .pro{
        margin: 0 5%;
    }

    .sec3-warp .form{
        display: block;
        /*border: unset;*/

    }
    .sec3-warp div p:nth-child(1){
        background: unset;
    }
}
@media screen and (max-width: 1680px) {
    .sec3-warp div p:nth-child(1){
        background: unset;
    }
    #product_page .sec3-warp div{
        display: block;
        /*border: unset;*/
    }

    #product_page .sec3-warp di{
        width: 95%;
        margin:0 2%;
    }
    #product_page .text1 span:after {
        left: 27%;
    }
    .sec3-boimg {
        margin-bottom: 10%;
    }
    .clnw{
        margin-top: 12%;
        margin-bottom: 10%;
    }
    #product_page .big .sc-img img{
        width: 100%!important;
        position: relative;
        top:10%;
    }
    #product_page .big{
        width: 87%;
    }
    #contact .sec2 .sec2-warp .sec21{
        justify-content:center;
        flex-direction: column;
    }
    #about .section3 .content .button{
        left:50%;
        width: 100%;
    }


    .sec1 .swiper-container {
        width: auto;
        height: auto;
    }

    .sec1 .swiper-container .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: -5px!important;
    }

    .fp-section.fp-table, .fp-slide.fp-table {
        height: auto !important;
    }

    .fp-tableCell {
        height: auto !important;
    }

    .sec2-warp1 {
        width: auto !important;

    }

    .sec2-warp1 a {
        height: auto;
    }

    .section .warp .content .con_l .images {
        margin-right: 50px;
    }
}
@media screen and (max-width: 1600px) {
    .sec3-boimg{
        margin-top: 0;
    }
    .foot .foot-warp{
        margin-top: 119px;
        margin-bottom: 50px;
    }
    .red{
        top: 282px!important;
    }
    #product_page .big .sc-img{
        height: auto;
    }

}
@media screen and (max-width: 1440px) {
    .red{
        top: 264px!important;
    }
    .sec2-warp-se{
        width: 13%!important;
    }
    .sec2-warp2-group {
        /*margin-left: 30%;*/
    }
    .sec2-warp2 span{
        /*margin-left: 30%;*/
    }
    #product_page .sec3-warp table{
        width: 80%;
        margin: 0 150px;
    }
    #product_page .big .sc-img{
        margin-left: 0;
    }
    /*鍏充簬鎴戜滑*/
    .banner{
        height: 90vh;
    }
    .section .warp{
        width: 90%;
    }
    .section .warp .content .con_l .images img{

    }
    .section .warp .content span.xin{
        font-size: 31px;
    }

    .section .warp .content .con_r .text p{
        width: 560px;
        font-size: 15px!important;
    }
    .section2 .warp{
        width: 90%;
    }
    .section3 .content{
        width: 100%;
    }
    .section3 .content .button{
        width: 92%;
        height: 40px;
    }
    .section4 .warp{
        width: 90%;
    }
    .section5 .warp{
        width: 90%;
    }
    .section5 .warp .images{
        width: 90%;
        height: 90%;
    }

    /*index*/
    .sec1 .swiper-container{
        height: 80%;
    }

    .top-warp .logo img {
        width: 80%;
        height: 80%;
    }
    .foot .foot-warp .foot-warp1{
        width: 85%;
        margin: 0 4rem;
    }
    .foot .foot-warp .foot-warp2{
        width: 80%;
        margin: 33px 120px;

    }
    .foot .foot-warp3{
        margin: 0 156px;
    }
    /*news_page */
    .new-p p{
        margin: 0 200px;
        font-size: 15px;
    }
    .section3 .warp .content .item .none {
        margin-left: 13px;
        margin-top: 20px;
    }

    /*  浜у搧涓庢柟妗�  */
    .sec2-warp2{
        width: 80%;
        height: auto;
        margin-bottom: 50px;
        display: flex;
    }
    .sec2-warp-se{
        margin-right: unset;
        margin-top: 1%;
    }
    /*    鏂伴椈璧勮*/
    .section .warp .content .item div:first-child {
        margin: 0 33px;
    }
    .section .warp .content .item .text{
        margin-right: -28px;
    }
    /*   浜哄姏璧勬簮*/
    .section3 .warp{
        width: 80%;
    }
    .section4 .warp .content .item{
        margin-right: 84px;
    }
    /*    涓嬭浇*/
    .sec2-warp{
        width: 80%;
    }
    /*    鑱旂郴鎴戜滑*/
    .sec2 .sec2-warp {
        width: 80%;
    }
}
@media screen and (max-width: 1400px) {
    .sec3-warp .swiper-slide{
        width: 95% ;
        margin: 1% 2%;
    }
    .sec3-warp .sec3-img{
        margin: unset!important;
    }
}
@media screen and (max-width: 1366px) {
    #product_page .big .sc-img img {
        width: 88% !important;
    }
    #product_page .big .sc-img{
        height: auto;
    }
    #product_page .text1 a{
        margin-top: 120px;
    }
    .red{
        height: 33px!important;
    }
    .section4 .warp .content .item{
        margin-right: 151px!important;
    }
    .foot .foot-warp .foot-warp1 {
        width: 80%;
        margin: 0 117px;
    }
    .red{
        top: 265px!important;
    }
    .foot .foot-warp .foot-warp2{
        margin: 15px 120px;
    }
    #index .sec3 .sec3-warp{
        height: 100vh!important;

    }
    body .sec3 .sec3-warp{
        /*height: 100vh!important;*/
        /*margin-top: 0!important;*/
    }
    .sec3-boimg{
        margin-top: 0!important;
    }
    .sec3-boimg{
        height: 21%;
    }
    #product_page .sec3-warp .form{
        width: 96% !important;
        padding-left: 15px!important;
    }

    #product .sec3-warp .sec3-warp1{
        margin-right: 70px!important;
        width: 301px!important;
        height: auto;
    }
    .sec3-warp .sec3-warp1 .sec3-img{
        height: auto;
    }
    .sec3-warp .sec3-warp1 .sec3-text{
        width: 230px;
        height: 154px;
    }
    #product .sec3-warp{
        width: 100%;
        margin-left: 11%;
    }
    #product .sec2{
        height: auto;
    }
}
@media screen and (max-width: 1000px){
    .foot .foot-warp .foot-warp1 .bottom-ri{
        position: relative;
        right: 16%;
    }
    .foot .foot-warp3 {
        /*display:box;*/
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
    /*瀵艰埅*/
    .ul{
        display: block;
        transition: .8s;
        position: absolute;
        right: 10%;
        top: 0;
        bottom: 0;
        width: 60px;
    }

}


@media screen and (max-width: 768px) {

    #product_page .text1 a{
        margin-top: 35px;
    }
    #about .section4 .warp .honor{
        margin-top: 60px;
    }
    #about .section2 .warp .content{
        margin-top: 30px;
    }
    #about .section .warp .content{
        margin-top: 30px;
    }
    #about .section3{
        height: auto;
    }
    #about.section3 .content{
        margin: 60px auto 0;
    }
    #about .section .warp{
        margin: 60px auto 101px;
    }
    #develop .section4 .warp .content .item{
        margin: auto!important;
        margin-right: auto!important;
    }
    .section4 .warp{
        margin: 70px auto 129px;
    }
    .section4 .warp .content .item:nth-child(5n){

    }
    #product_page .sec4-warp .pro{
        margin: auto;
    }
    #product_page .sec4-warp .pro .swiper-wrapper{
        transform: unset;
    }
    #product_page .sec4-warp .sec3-warp1 {
        width: 55%;
        height: auto;
        margin: auto;
    }
    .foot .foot-warp3{
        width: 100% !important;
        margin: 18% 0!important;
    }

    .sec4-warp .pro {
        /*margin-right: 11%;*/
    }
    .section2 .warp{
        margin: 0 auto 0!important;
    }
    .section .warp .content{
        padding-bottom: unset!important;
    }
    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text span{
        margin-top: unset!important;
    }
    #index .sec3 .sec3-warp{
        height: auto!important;
    }
    #develop .banner ul li {
        height: auto;
    }
    #develop .section3 .content{
        width: 109% !important;
    }
    #contact .sec2 .sec21:nth-child(2) .sec2-p tr{
        display: flex;
        flex-direction: column;
        width: auto;
    }

    #about .banner ul{
        width: 100%;
    }
    .banner .dul {
        /*flex-wrap: unset;*/
        width: 100%!important;
    }

    #about .banner ul{
        /*width: auto!important;*/
    }
    .section .warp .content .item .more{
        position: relative;
        top: 360px!important;
    }
    .section .warp .content .item .more .line{
        margin-bottom: 12px!important;
        height: 29px!important;
    }
    .section .warp .content .item .text p{
        position: relative;
        top: 360px!important;
    }
    #product_page .text1 .ab{
        justify-content:center;
    }
    #product_page .text1 span:after{
        left: 29%;
    }
    .sec2-warp-se{
        width: 50%!important;
    }
    .section4 .warp .honor .button{
        margin-top: 10px;
        width: 39%;
    }
    #product .sec3-warp{
        margin-left: unset;
    }
    #product .sec2-warp2{
        display: flex;
        /*flex-direction: column;*/
        /*align-items: center;*/
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sec2-warp-se
    .sec3-warp table tr td {
        padding: 0 15px;
        white-space: nowrap;

    }
    .sec3-warp .form{
        overflow: hidden;
        overflow-x: scroll;
        width: 100% !important;
    }
    #develop .section2 .warp .content .item .text p{
        margin-left: unset;
    }
    #product_page .sec4-warp{
        width: 100%;
    }
    #product_page .swiper-wrapper{
        margin-left: 0;
        /*transform锛歵ranslate3d(178px, 0px, 0px)!important;*/
    }
    #product_page .sec3-warp table{
        margin: unset!important;
        width: 100% !important;
    }
    #product_page .big .sc-img{
        margin-left: 30%;
    }
    #product_page.text1 span{
        margin-bottom: 35px;
    }
    #product_page.text1 p:nth-child(3){
        margin-bottom: 20px;
    }
    #product_page .big .sc-img img{
        width: 60%!important;
        margin-bottom: 50px;
    }
    #product_page.text1 span:after{
        display: none;
    }
    #contact .sec2-warp-text .sec2-p table tr td{
        font-size: 12px;
    }
    #contact .sec2 .sec2-warp .sec21{
        flex-direction: column;
    }
    #contact .sec2 .sec2-warp .sec2-warp1{
        width: auto;
    }
    #contact .sec2-warp1 p{
        width: 100%;
    }
    #contact .sec2-warp1 p {
        position: unset;
    }
    .login-main .intro input.submit{
        width: 93px;
        height: 34px;
    }
    .login-main .intro{
        padding: 14px 0 0 117px;
    }
    .login-main{
        height: 365px;
    }
    .login-main .intro h2 {
        font-size: 20px;
        line-height: 58px;
        font-weight: 600;
    }
    .login-main .intro h2{
        margin-bottom: 0;
    }
    .login-main .intro{
        position: relative;
        left: 25%;
        width: 25%;
        height: auto;
    }
    .login-box .fr{
        display: none!important;

    }
    .section .warp .content .con_l, .section .warp .content .con_r{
        width: 100% !important;
    }
    .swiper-slide{
        /*margin-right: unset!important;*/
        /*margin-right:0!important;*/
    }
    .section .warp .content .item .more{
        margin-left: 50%;
    }
    .section .warp .content .item{
        padding-bottom: 59px!important;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri{
        position: absolute;
        left: 55%;
        right: 9%;

    }
    .foot .foot-warp .foot-warp1 .bottom-ri p{
        text-align: center;
    }
    .foot .foot-warp1 .bottom-logo img{
        position: relative;
        bottom: -20px;
        left: 25%;
        width: 100%;
    }

    /*#download .sec2-warp1 .text-ri p{*/
    /*    margin-left: 265px;*/
    /*    top: 19px;*/
    /*    font-size: 11px;*/
    /*}*/
    #download .sec2-text .text-ri p {
        position: relative;
        top: 10px;
        left: 103px;
    }
    .sec2-text .text-ri{
        flex-direction: column;
    }
    .sec2-text .text-ri .dl p{
        display: none;
    }
    .top-ri{
        margin-left: 3% !important;
    }
    #about .banner ul li{
        width: 33%;
        height:28px;
    }
    #develop .banner .dui{
        height: 8%;
        width: 80%;
    }
    #develop .banner .dui li{
        width: auto!important;
        margin: 0 20px;
    }
    .banner ul{
        justify-content: center;
        flex-wrap: wrap;
        /*height: auto;*/
    }

    .sxy{
        flex-direction: column;
        height: auto;
    }
    .sxy a{
        width: 100%;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    .sxy-le{
        width: 100%;
    }
    .sxy .jdt {
        width: 100%;
    }
    .new-dea{
        width: 90%;
    }
    .new-p p{
        width: 100%;
        margin: unset;
    }

    .menu-button{
        padding-left: 15%;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        width: 11%;
    }
    .sec3-warp .sec3-warp1{
        height: auto;
    }
    .sec3-warp .sec3-warp1 .sec3-text{
        width: auto;
    }
    .sec3-warp .sec3-warp1 .sec3-text .a{
        right: 30px;
    }
    .sec3 span{
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sec3-boimg span{
        width: auto;
    }
    .sec3-warp .sec3-warp1 .sec3-img img{
        object-fit: contain;
    }
    .sec3-warp .sec3-warp1 .sec3-img{
        height: auto;
    }
    .sec3-warp .sec3-warp1{
        width: auto;

    }
    .section4 .warp .content .item:nth-child(5n){
        margin-right: 84px;
    }

    .foot{
        height: auto;
    }
    .section3 .warp .content .item .block p{
        font-size: 15px;
        font-weight: 800;
    }
    .sec2-text .text-ri .dl{
        display: block;
    }
    .section2 .warp .content .item .text div {
        display: block;
    }
    .i .dl-img img, video{
        width: unset;
    }
    .sec2-text .text-ri {
        height: 80px;
    }
    .sec2-text{
        flex-direction: column;
    }
    .clnm-slide_content .more {
        margin-left: 97%;
    }
    /*瀵艰埅*/
    .top .ul{
        display: none!important;
    }
    .menu-nav{
        display:block!important;
    }
    .page-menu-left{
        top:4rem;
    }
    .text1 a {
        width: 150px;
        height: 50px;
    }

    .section2 .warp .content .item .images {
        height: auto;
    }


    .text1 span:after {
        left: 58px;
    }

    .text1 span {
        font-size: 29px;
    }

    text1 aos-init {
        margin-top: -50px;
    }

    .text1 p {
        text-align: center;
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .text1 a {
        margin-top: 35px;
    }

    [aos^=fade][aos^=fade] {
        opacity: 1;
    }

    [aos=fade-right] {
        transform: translate(0%, 0%);
    }

    .sc img {
        object-fit: cover;
    }

    .bgc .sc img {
        object-fit: cover;
    }

    .text1 span {
        text-align: center;
    }

    .big {
        flex-direction: column-reverse;
        width: 90%;
    }

    body .big .sc-img {
        margin: 70px 0 -50px 0;
        width: 80% !important;
        height: auto;
    }

    [aos^=fade][aos^=fade].aos-animate {
        opacity: 1;
    }

    .section .warp .content .item .text {
        margin: -40px 30px 0 30px;
        /*margin-top: -40px;*/
    }

    .section .warp .content .item .text p {
        /*margin-left: 45px;*/
    }

    .section .warp .content .item .text h1 {
        min-width: unset;
    }

    .section .warp .content .item {
        justify-content: center;
    }

    .section2 .warp .content .item {
        width: 100%;
    }

    .section2 .warp .content .item .text {
        width: auto;
    }

    img, video {
        width: 100%;
        height: auto;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri img {
        width: 60%;
    }
    .section5 .warp {
        flex-direction: column;
    }

    .section5 .warp .text {
        width: 100%;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-ri .swiper-slide img {
        max-width: 70%
    }

    .sec3 .sec3-warp {
        width: 90%;
    }
    .swiper-slide{
        width: 100% !important;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le, .sec3 .sec3-warp .sec3-warp1 .sec3-ri {
        width: 85% !important;
    }

    .section .warp .content span.xin {
        font-size: 24px !important;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le, .sec3 .sec3-warp .sec3-warp1 .sec3-ri {
        transform: translate(0, 0);
        opacity: 1;
    }


    /*.section3 .content .licheng .swiper-slide:nth-child(even){*/
    /*    margin-top: unset;*/
    /*    flex-direction:unset;*/
    /*    top: unset;*/
    /*}*/
    /*.section3 .content .licheng .swiper-slide:nth-child(even) .information{*/
    /*    margin-top: unset;*/
    /*    flex-direction:unset;*/
    /*}*/
    .fold-menu-box {
        width: 32px;
    }

    .section .warp .content span .xin {
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .banner ul li {
        font-weight: 600;
        line-height: 16px !important;
        font-size: 13px !important;
    }

    .section5 .warp .images {
        margin-left: 50px;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-np {
        justify-content: center;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text p {
        /*width: 120px;*/
        /*line-height:20px;*/
    }

    .top .logo {
        width: 9rem;
    }
    .sec3-warp .sec3-warp1 .sec3-img img{
        width: 80%!important;
    }

    .sec3-warp .sec3-warp1 {
        margin-right: 30px!important;
        margin-left: 30px;
    }
    .menu-nav {
        margin-left: 30% !important;
    }
    .top-ri .svg{
        margin-right: 5px!important;
    }
    .menu-button {
        padding-left: 10%!important;
    }

    .foot .foot-warp .foot-warp1 .bottom-ri p {
        margin-right: -4px !important;
    }

    .foot .foot-warp .foot-warp1 .bottom-ri {
        flex-direction: column;
    }

    img, video {
        /*margin-right:-10px;*/
    }

    .section2 .warp .content .images {
        /*width: 75% !important;*/
    }

    .section4 .warp .honor_warp .swiper-slide .images img {
        width: 100%;
        height: 100%;

    }

    .section3 .content .licheng {
        width: 100%;
    }

    .section3 .content .button {
        width: 100%;
        height: 70px;
    }

    .clnm-slide_info {
        flex-direction: column;
        padding: 1.7vw 2.5vw 2.7vw 1.61vw;
    }

    .top .logo {
        flex-direction: row !important;
    }

    .top .logo span {
        margin-left: 20px;
        font-size: 10px;
    }

    /*鐢㈠搧鑸囨垜鍊�*/
    .top-warp .logo img {
        width: 100%;
        height: 100%;
    }

    .sec3-warp .sec3-warp1 {
        margin-right: 0;
    }

    .sec3-warp {
        width: auto;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /*浜哄姏璩囨簮*/
    .section2 .warp .content {
        flex-direction: column;
    }

    .section2 .warp .content .item .text {
        top: 0;
    }

    .red {
        display: none;
    }

    .sec1 .swiper-container .swiper-slide img {
        margin-top: 100px;
    }

    .sec3 .sec3-warp .sec3-warp1 {
        flex-direction: column-reverse;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-np {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .clsection4 .fp-tableCell {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .sec3-boimg-img {
        width: 100%;
        margin-bottom: 15px;
    }

    .sec3-boimg span {
        left: 50%;
    }

    .sec3-boimg {
        flex-direction: column;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text span {
        font-size: 1.5rem;
    }

    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text p {
        width: auto;
        font-size: 0.8rem;
    }

    /*棣栭爜杞挱*/
    .foot .foot-warp {
        width: 100%;
    }

    foot {
        height: 85vh;
    }

    .foot .foot-warp3 {
        margin: 25% 25%;
    }

    .foot .foot-warp .foot-warp2 {
        display: none !important;
        width: 100%;
        margin: 30px 1%;
    }

    /*    杞挱*/
    .swiper-wrapper {
        height: 65%;
    }

    /*鍏充簬鎴戜滑*/
    .section2 .warp .content .text {
        text-align: center;
        width: auto;
        /*position: absolute;*/
        /*bottom: -38%*/
    }

    .section2 .warp .content .text:first-child {
        text-align: center;
        display: none;
        /*position: absolute;*/
        /*bottom: -80%;*/
    }
    .section2 .warp .content .t3{
        display: block!important;
        margin: 10px 0;
    }
    .section2 .warp .content .t2{
        /*display: block!important;*/
        margin: 10px 0;
    }

    .section .warp .content {
        flex-direction: column;
    }

    .section .warp .content .con_l .images {
        width: 100%;
        height: 100%;
    }

    .section .warp .content .con_l .images img {


    }

    .section3 .warp .text .text_t {
        margin-left: 5%;
    }

    /*.section .warp .title span{*/
    /*    margin-left: 40%;*/
    /*}*/
    /*.section4 .warp .title span{*/
    /*    margin-left: 40%;*/
    /*}*/
    .mobile {
        display: block;
    }
    .sec4{
        height: auto!important;
    }
    /*    鏂伴椈璧勮*/
    .section .warp .content .item div:first-child {
        flex-direction: column-reverse;
        margin: 20px 6px 0px 11px;

    }

    .section .warp .content .item .text p {

        margin-left: 45px;
    }

    .section .warp .content .item .text h1 {
        margin-left: unset;
        text-align: center;
    }

    /*浜у搧*/
    .sec2-warp1 {
        height: 80px;
    }

    .s2-2 input {
        width: auto;
        height: auto;
    }

    .sec2-warp1 .p1 {
        font-size: 12px;
        font-weight: 600;
    }
    .sec2-warp1 .text-ri .p2 {
        font-size: 10px!important;
        /*position: relative!important;*/
        /*top: 5px;*/
        /*right: -209px*/
    }
    .sec2-text .text-ri .dl{
        margin-left: unset!important;
    }
    .sec2-text .text-ri .dl-img{
        margin-left: unset!important;
    }

    .sec2-warp1 a {
        width: 47px;
        /*height: auto;*/
        line-height: 25px;
        font-size: 14px;
    }

    .sec2-warp-se p {
        font-size: 12px;
        /*margin-top: auto;*/
    }

    .sec2-warp2 {
        margin-top: auto;

    }

    /*鍏充簬鎴戜滑*/
    .section .warp .content span.xin {
        font-size: 22px;
    }

    .section4 .warp .honor .button {
        top: 100%
    }

    .section .warp .content .con_r .text p {
        width: auto;
    }

    .section .warp .content span.xin {
        font-size: 15px;
        /*font-weight: 800;*/
    }

    .section .warp .content .con_r .text p {
        font-size: 11px;
    }

    .section5 .warp .text div .sign .p {
        font-size: 12px;
        line-height: 20px;
    }

    #about .banner ul li {
        line-height: 22px;
        font-size: 16px;
    }
    #develop .banner ul li {
        line-height: 22px;
        font-size: 16px;
    }

    .banner {
        height: 100vh;
    }

    .sc img {
        top: 50%
    }

    #product_page .text1 span:after{
        display: none!important;
    }
    .sec3-boimg-img{
        margin-left: unset!important;
    }
    .foot .foot-warp .foot-warp1 {
        margin: 0 3rem;
    }

    /*鏂拌仦鍜ㄨ*/
    .section .warp .content .item {
        height: 100%;
    }

    .top .logo span {
        display: none;
    }

    /*    鏂伴椈*/
    body, html {
        width: 100%;
        overflow-x: hidden;
    }

    body .clnw {
        width: 90%;
        max-width: inherit !important;
        max-height: inherit !important;
    }

    .clnw {
        width: 90% !important;
        flex-direction: column;
    }

    .clnw * {
        max-width: inherit !important;
        max-height: inherit !important;
        height: auto !important;
    }

    .clnm {
        flex-direction: column;
        height: auto !important;
        margin: 25px 0 0 0 !important;
    }

    .clnm-left {
        width: 100% !important;
    }

    body .clnm-right {
        width: 100%;
    }

    body .clnm-slide_content {
        width: 100%;
        margin: 20px 0 0 0;
    }

    body .clnm-slide__title {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }

    body .clnm-slide_description {
        font-size: 12px;
    }

    body .clnm-slide_info {
        padding: 10px;
    }

    body .clnm-right {
        margin: 20px 0 0 0;
    }

    body .clnm-right .swiper-wrapper {
        transform: none !important;
    }

    body .clnm-right .swiper-pagination {
        display: none !important;
    }

    body .cls-figure {
        width: 46%;
    }

    body .cls-content {
        width: 50%;
    }

    body .cls-txt {
        font-size: 12px;
        min-height: 34.78px;
    }

    body .cls-info span {
        font-size: 12px;
    }

    body .cls-title {
        margin: 0 0 10px 0;
    }

    body .imghover .ihb img {
        height: 100% !important;
    }
    .section2 .warp .content .item .text div{
        margin-left: unset!important;
    }
    .foot .foot-warp3 p{
        line-height: 2;
    }
    #about .section5 .warp .images{
        width: 100% !important;
    }
    .sec3-warp .swiper-slide{
        margin: auto;
    }
    /*.foot .foot-warp .foot-warp1 .bottom-ri img{*/
    /*    width: 85%;*/
    /*    margin-right: 50%;*/
    /*}*/
}
@media screen and (max-width: 900px) {
    /*棣栭爜*/
    .sec3-warp .swiper-slide{
        width: 358px;
    }
    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text p{
        width: auto;
    }
    .sec3 .sec3-warp .sec3-warp1 .sec3-le .sec3-le-text span {
        width: 325px;
        margin-top: 100px;

    }
@media screen and (max-width: 720px) {
    /*棣栭爜*/


}

@media screen and (max-width: 521px) {
    .sec3-warp table tr td {
        padding: 0 15px;
        white-space: nowrap;

    }
    .sec3-warp .form{
        overflow: hidden;
        overflow-x: scroll;
        width: 100% !important;
    }
    .sec3-warp .form colgroup{
        display: none;
    }

    .sec4-warp .sec3-warp1 .sec3-img{
        text-align: center;
        width: 100%;
        height: 350px;
    }
    .foot .foot-warp{
        margin-top: 165px!important;
    }
    .foot .foot-warp1 .bottom-logo img {
        width: 100%;
        left: 20%;
    }
    #product_page .swiper-wrapper{
        transform:none!important;
    }
    .sec4-warp .sec3-warp1 .sec3-img img{
        width: 80%;
        height: 80%;
    }
    .sec4-warp .sec3-warp1 .sec3-text {
        width: 80%;
    }
    .sec4-warp .sec3-warp1{
        width: 70%;
        height: auto;
    }
    .sec2-warp1 a{
        font-size: 14px;
    }
    .foot .foot-warp .foot-warp1{
        margin: 0 2rem;
    }
    .foot .foot-warp .foot-warp2{
        /*搴曢儴*/

        width: 100%;
        margin: 30px 1%;
    }
    /*    瀵艰埅*/
    iphone__screen{
        left: 19rem;
    }
    /*鍏充簬鎴戜滑*/
    .banner ul{
        width: 100%;
        height: 10%;
    }
    .section2 .warp .content .images{
        margin: auto;
    }

    .section5 .warp .images{
        margin: 0 auto;
    }
}

@media screen and (max-width: 414px) {
    .sec2-warp1 .text-ri .p2{
        right: -116px;
    }
    #product_page .swiper-wrapper{
        /*transform: translate3d(138px, 0px, 0px)!important;*/
        /*margin-left:-17%;*/
    }
    #product .sec3-warp{
        margin-left: 6%;
    }
    .menu-button{
        padding-left: 8% !important;
    }

}
@media screen and (max-width: 455px) {
    .foot .foot-warp1 .bottom-logo img {
        width: 100%;
        left: 30%;
        top:-100px;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri img {
        width: 80%!important;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri{
        right: unset;
        left: 40%;
    }
    .banner ul li{
        line-height: 33px;
        font-size: 14px;
    }
    .sec4-warp .sec3-warp1 .sec3-img{
        height: auto;
    }
}

@media screen and (max-width: 375px) {
    .sec2-warp1 .text-ri .p2{
        right: -100px;
    }

    .foot .foot-warp1 .bottom-logo img {
        left: 22%;
    }
    #product-page .sec4-warp .sec3-warp1 .sec3-img img{
        width: 80%;
        height: 80%;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri p{
        margin-right: 61px !important;
    }
    .foot .foot-warp .foot-warp1 .bottom-ri img{
        width: 85%;
        margin-right: 50%;
    }
    #product-page .text1 span:after{
        width: 0!important;
    }
    #product-page .text1 span{
        font-size: 20px;
    }
    #product-page .text1 p{
        font-size: 10px;
    }
    #product-page .text1 p {
        margin-bottom: -10px!important;
    }
    }